<!--长阴影-->
        <h1>长阴影</h1>
<div class="box-row hor-aver">
    <button ms-click="getClass($event)" class="btn btn-primary btn-box btn-giant btn-longshadow-right">go</button>

    <button ms-click="getClass($event)" class="btn btn-caution btn-box btn-raised btn-giant btn-longshadow"> go </button>

    <button ms-click="getClass($event)" class="btn btn-action btn-box btn-giant btn-longshadow-left"> go</button>

    <button ms-click="getClass($event)" class="btn btn-highlight btn-box btn-giant btn-longshadow-right btn-longshadow-expand">go</button>

    <button ms-click="getClass($event)" class="btn btn-primary btn-circle btn-giant btn-longshadow"> go </button>
</div>
        <br/>
        <hr>